@charset "utf-8";

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px)  and (max-width : 1023px) {
	body{
		font-size: 12px;
	}
	.index .college {
		padding: 40px 0 40px;
		background-color: #f3f3f3;
	}
	.swiper-button-prev,
	.swiper-button-next{
		display: none;
	}
	.index .swiper_bottom{
		width: 100%;
		padding: 0 4%;
	}
	.index .swiper_bottom .swiper_right a {
	    font-size: 12px;
	}
	.index .college .show_ele h4{
		font-size: 14px;
	}
	.index .college .show_ele p {
	   font-size: 12px;
	}
	.index .college .txt {
	   width: 100%;
	}
	.index .swipe-text{
		position: absolute;
		left: 18%;
		top: 15%;
		z-index: 9999;
		color: #fff;
	 }

	.index .swipe-text .swipe-title{
	 	font-size: 12px;
	 }
	.index .swipe-text .swipe-title-line{
		 
		margin: 10px 0 10px;
	 }
	.index .swipe-text .swipe-title-desc{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.index .swipe-text .swipe-more{
		width: 60px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}


	.index #certify .swiper-slide.swiper-slide-active{
		transform: scale(1.4);
	  margin-top: 9%;
	  z-index: 9999;
	  transition: transform 2s;
	}
	.index .swiper-container{
		overflow: hidden;
	}
	.index #certify{
		/*padding:0px 0 30% 0;*/
	}

	.index  #certify .swiper-button-prev{
		overflow: hidden;
	}
 
	.index  #certify .swiper-button-next{
		overflow: hidden;
	}
	.index #certify .swiper-container {
    
	}
	.index .swiper-banner .swiper-pagination {
		bottom: 164px;
	}
	.index #certify .swiper-slide.swiper-slide-active > p {
    font-size: 12px;
    /*transform: translate(-21%,36px);*/
    opacity: 1;
	}

	
} 
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) { } 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) { } 
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) { } 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	body{
		font-size: 14px;
	}
	.index .college .show_ele img {
	    width: auto;
	}
} 
 /*==========  Non-Mobile First Method  ==========*/ /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) { } 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) { } 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) { } 
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) { } 
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {    }
